@geekblue-10: #030852;
@headerBackground: #001529;
@hoverBackground: #252a3d;

.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: @headerBackground;
    transition: 'all 0.2s';

    .left {
        padding-left: 16px;
        color: #ffffff;
        cursor: pointer;
    }

    .right {
        padding-right: 16px;
    }

    .headerItem {
        color: #ffffff;
        min-width: 48px;
        text-align: center;
        padding: 0 8px;

        .name {
            display: inline-block;
            padding-left: 16px;
        }
    }

    .headerItem:hover {
        background-color: @hoverBackground;
        cursor: pointer;
    }
}
